@import (css) url('lightgallery/css/lightgallery.css');
@import (css) url('lightgallery/css/lg-zoom.css');
@import (css) url('lightgallery/css/lg-video.css');
@import (css) url('lightgallery/css/lg-thumbnail.css');
@import (css) url('lightgallery/css/lg-fullscreen.css');
@import (css) url('lightgallery/css/lg-rotate.css');

@font-face {
  font-family: 'title-font';
  src: url('assets/font/noto_sans_black.otf');
}

#root {
  height: 100%;

  .ant-pro-sider-logo {
    display: none;
  }
}

.clearfix() {
  zoom: 1;
  &::before,
  &::after {
    display: table;
    content: ' ';
  }
  &::after {
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
  }
}

.content-pro-layout {
  > .ant-layout > .ant-pro-layout-container > .ant-layout-content {
    padding: 0;
  }

  &.content-fixed-header-pro-layout {
    > .ant-layout > .ant-pro-layout-container .ant-layout-header {
      height: 56px;
      display: none;

      &.ant-pro-layout-header-fixed-header {
        position: sticky;
        display: block;
        z-index: 99;

        + .ant-layout-content .runtime-keep-alive-tabs-layout {
          position: sticky;
          padding: 8px 24px;
          background-color: #ffffff;
          z-index: 98;
          width: 100%;
          top: 56px;

          /*&:after {
              content: "";
              position: absolute;
              height: 16px;
              width: 100%;
              left: 0;
              bottom: -16px;
              background-color: #EEF1F6;
          }*/
        }
      }
    }
  }
}

.runtime-keep-alive-layout {
  .ant-pro-page-container {
    .ant-pro-grid-content {
      .ant-pro-grid-content-children {
        .ant-pro-page-container-children-content {
          margin-block: 0;
          margin-inline: 0;
          padding-block: 0;
          padding-inline: 0;
        }
      }
    }
  }
}

.ant-pro-layout.kf-basic-layout {
  .ant-layout-sider {
    .ant-pro-sider-logo {
      padding-block: 24px;

      > a {
        > h1 {
          font-size: 28px;
          height: 28px;
          line-height: 28px;
          margin-inline-start: 10px;
        }

        > img {
          height: 35px;
        }
      }
    }

    &.ant-layout-sider-collapsed {
      .ant-pro-sider-logo {
        > a {
          > img {
            height: 22px;
          }
        }
      }
    }

    .ant-pro-sider-collapsed-button {
      inset-block-start: 20px;
    }

    ::-webkit-scrollbar {
      /* 竖滚动条的宽度 */
      width: 2px;
      /* 横滚动条的高度*/
      height: 4px;
      background-color: transparent;
    }

    ::-webkit-scrollbar-thumb {
      /* 滚动条滑块*/
      border: none;
      background-color: #4d76f3;
    }
  }

  .ant-pro-top-nav-header-logo > *:first-child > h1 {
    font-size: 22px;
    margin-inline-start: 0;
  }

  .ant-pro-global-header-header-actions {
    display: flex;
    height: 100%;

    .kf-system-current-time-action-item {
      font-size: 16px;
      color: #413c39;
      padding: 0 9px;
    }

    .kf-notice-action-item {
      font-size: 20px;
      color: #4d76f3;
    }

    .kf-avatar-action-item {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding-inline-start: 16px;
      padding-inline-end: 16px;
      color: rgba(0, 0, 0, 0.65);
      .kf-avatar-username {
        margin-inline-start: 10px;
        font-size: 16px;
        color: #413c39;
      }
    }
  }

  .runtime-keep-alive-layout {
    padding: 16px;
  }

  .runtime-keep-alive-tabs-layout {
    padding: 8px 24px;
    background-color: #ffffff;

    .ant-tabs-nav-operations {
      //display: none;
    }

    .ant-tabs-tab {
      color: #8b8c8c;
      font-size: 12px;
      height: 32px;
      line-height: 32px;
    }

    .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
    .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
    .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
    .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
      margin-left: 16px;
    }

    .ant-tabs-top > .ant-tabs-nav,
    .ant-tabs-bottom > .ant-tabs-nav,
    .ant-tabs-top > div > .ant-tabs-nav,
    .ant-tabs-bottom > div > .ant-tabs-nav {
      margin: 0;
    }

    .ant-tabs-top > .ant-tabs-nav::before,
    .ant-tabs-bottom > .ant-tabs-nav::before,
    .ant-tabs-top > div > .ant-tabs-nav::before,
    .ant-tabs-bottom > div > .ant-tabs-nav::before {
      border: none;
    }

    .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
    .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
      padding: 0 16px;
    }

    .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
    .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
      border: none;
      background-color: #eef1f6;
      border-radius: 4px;
      padding: 0 16px;

      &:active {
        color: #8b8c8c;
      }

      .ant-tabs-tab-remove {
        color: #8b8c8c;

        &:active {
          color: #8b8c8c;
        }
      }

      &.ant-tabs-tab-active {
        background-color: #4d76f3;
        color: #f6f7f9;

        .ant-tabs-tab-btn {
          color: #f6f7f9;
          text-shadow: initial;
        }

        .ant-tabs-tab-remove {
          color: #f6f7f9;
        }
      }
    }
  }
}

.runtime-keep-alive-tabs-popup {
  padding-top: 6px;
}

.ant-formily-item-size-small .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 24px !important;
}


.hx-page {
  padding: 18px 18px 32px 18px;

  > h5 {
    text-align: center;
    margin-bottom: 18px;
    font-size: 16px;
  }

  > .hx-page-content {

  }
}

.hx-table {
  width: 100%;

  th {
    background-color: #EAEAEA;
    height: 40px;
    font-size: 12px;
    font-weight: normal;
  }

  td {
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #D5D5D5;
  }
}

.hx-card {
  > .ant-card-head {
    background-color: #E6E6E6;
    font-size: 14px;
  }
}

.hx-green {
  color: #328d42;
}

.hx-red {
  color: #f50;
}

.print-checkbox {
  .ant-checkbox-inner {
    border-color: #000;
  }
}

/*
.ant-divider-horizontal {
    margin: 16px 0px;
}
*/

.hx-green-btn {
  border-color: #03B20B;
  background-color: #03B20B;
}

.hx-red-btn {
  border-color: #f50;
  background-color: #f50;
}


.print-table {
  width: 100%;

  td {
    border: 1px solid #cccccc;
    padding: 7px 15px;

    &.noborder {
      border: none;
    }
  }


  .input-data {
    font-weight: bold;
    color: #1782f8;
  }

  .main-title {
    font-weight: bold;
    font-size: 18px;
  }

  .sub-title {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    padding: 7px 5px;
  }

  .text-left {
    text-align: left;
    padding: 7px 0;
  }

  .text-center {
    text-align: center;
    padding: 7px 0;
  }
}
